<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="js/lib/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="js/lib/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/columns.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_aqznujt9mlpu8fr.css">
</head>

<body>
    <div class="personal-wrap wrap">
        <!-- 头部页面 -->
        <header>
            <div class="container">
                <div class="logo">
                    <img src="images/logo.png">
                    <div class="title">
                        <h1>厦门水务生产调度系统</h1>
                        <h3>湖边水库管理所</h3>
                    </div>
                </div>
                <div class="state-message">
                    <div class="nav">
                        <ul>
                            <li><a href="index.html">实时监控</a></li>
                            <li><a href="event.html">事件管理</a></li>
                            <li><a class="">危险管控</a></li>
                            <li><a href="people.html">人员调度</a></li>
                            <li><a href="facilities.html">设施管理</a></li>
                            <li><a href="message.html">信息管理</a></li>
                            <li><a href="user.html">用户管理</a></li>
                            <li><a>关于我们</a></li>
                        </ul>
                    </div>
                    <div class="user-message">
                        <div class="dropdown clearfix">
                            <p type="button" id="dropdownMenuDivider" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                张小龙
                                <span class="skuiwu-caret caret"></span>
                            </p>
                            <ul class="skuiwu-menu  dropdown-menu" aria-labelledby="dropdownMenuDivider">
                                <li><a href="#">个人中心</a></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--内容页面 -->
        <div class="content">
            <div class="shuiwu-personal">
                <div class="message-form">
                    <h4>个人信息</h4>
                    <div>
                        <div>
                            <label>
                                <h5>姓名：</h5></label>
                            <p>林清山</p>
                        </div>
                        <div>
                            <label>
                                <h5>帐号：</h5></label>
                            <p>林清山</p>
                        </div>
                        <div>
                            <label>
                                <h5>手机号：</h5></label>
                            <p>林清山</p>
                        </div>
                        <div>
                            <label>
                                <h5>工号：</h5></label>
                            <p>林清山</p>
                        </div>
                        <div>
                            <label>
                                <h5>归属：</h5></label>
                            <p>林清山</p>
                        </div>
                        <div>
                            <label>
                                <h5>所属部门：</h5></label>
                            <p>林清山</p>
                        </div>
                        <div>
                            <label>
                                <h5>职务：</h5></label>
                            <p>林清山</p>
                        </div>
                    </div>
                </div>
                <div class="password-form">
                <h4>修改密码</h4>
                    <ul class='xform-ul'>
                        <li>
                            <div class='form-label'><label>原密码:</label></div>
                            <div class='form-input'>
                                <input type='password' id="oldpassword" name="oldpassword" />
                                <div style="display: inline" id="tip1"></div>
                            </div>
                        </li>
                        <li>
                            <div class='form-label'><label>新密码 :</label></div>
                            <div class='form-input'>
                                <input type='password' id="password1" name="password1" placeholder="length must be 6-18" />
                                <div style="display: inline" id="tip2">
                                </div>
                        </li>
                        <li>
                            <div class='form-label'><label>确认密码 :</label></div>
                            <div class='form-input'>
                                <input type='password' id="password2" name="password2" placeholder="must match with the first" />
                                <div style="display: inline" id="tip3">
                                </div>
                        </li>
                        <li class="text-center">
                            <div class="btn-submit">
                                <div id="btn">确认</div>
                            </div>
                        </li>
                        <li class="text-center">
                            <div id="tip4"></div>
                        </li>
                    </ul>
                    </div>
                    </div>
                </div>
            </div>
            <script type="text/javascript" src="js/lib/jquery.min.js"></script>
            <script type="text/javascript" src="js/lib/bootstrap/bootstrap.min.js"></script>
            <script type="text/javascript" src="js/index.js"></script>
</body>

</html>
